<template>
  <div>
  <div class="title">周末去哪玩</div>
      <div class="tuijian04">
        <div class="Domestic"
        v-for="item of list"
        :key="item.id">
              <img class="Domesticimg" :src="item.imgUrl" />
            <div class="Domestictxt">
              <p class="Domestictxt-desc">{{item.title}}</p>
              <p class="Domestictxt-title">{{item.desc}}</p >
              <button class="Domestictxt-button">产品亮点</button>
              <button class="Domestictxt-button">注意事项</button>
              <p class="Domestictxt-money">{{item.money}}</p>
            </div>
        </div>
      </div>
  </div>
</template>

<script>
  export default{
    name:'tuijian04',
    props:{
      list:Array,
    }
  }
</script>

<style lang="stylus" scoped>
  @import '~styles/mixins.styl'
  @import '~styles/varibles.styl'
  .title
    line-height :.4rem
    background :$bgcolor
    text-indent: .2rem
    text-align :center
  .tuijian04
    overflow :hidden
    background :#f1f1f1
    .Domestic
      position :relative
      width :48.5%
      float :left
      height : 5rem
      margin: .05rem
      .Domesticimg
        position: absolute
        width 100%
        height 50%
        border-radius: .1rem .1rem 0 0
      .Domestictxt
        position: absolute
        height :50%
        left: 0
        right: 0
        bottom: 0
        background :white
        border-radius: 0 0 .1rem .1rem
        .Domestictxt-title
           height :25%
           word-wrap :break-word
           padding : 0 .2rem 0 .2rem
           text-indent: .2rem
           font-size : .32rem
           multiline()
        .Domestictxt-desc
           margin-top : .1rem
           text-indent: .4rem
           line-height :.4rem
           color : #ffaa00
           ellipsis()
        .Domestictxt-button
           position :relative
           line-height :.44rem
           margin : .16rem 0 .16rem .15rem
           padding : 0 .15rem
           background :$bgcolor
           border-radius : .08rem
           color :#ffffff
           font-weight: bold
           box-shadow: .01rem .01rem .05rem #85c8c8
        .Domestictxt-money
           font-size : .50rem
           color :#ffaa00
           text-indent: .2rem


</style>
